.flex-start {
	align-items: flex-start !important;
}

.flex-end {
	align-items: flex-end !important;
}

.flex-cen {
	display: flex;
	justify-content: center;
	align-items: center;
}

.flex-jus {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-direction: row;
}

.flex-col {
	flex-direction: column;
}

.flex-au {
	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-direction: row;
}

.jus-right {
	justify-content: flex-end;
}

.jus-center {
	justify-content: center;
}

.f-scale {
	transform: scale(0.6);
}

.f-scale8 {
	transform: scale(0.8);
}

.flex1 {
	flex: 1;
}

.flex {
	display: flex;
	align-items: center;
	flex-direction: row;
}

.textoverflow {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.textoverflow2 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
}

.green {
	color: #33B165;
}

.red {
	color: #FE0000;
}

.bordertop {
	border-top: 1px solid #ddd;
}

.borderbtm {
	border-bottom: 1px solid #ddd;
}

.blue {
	color: #0066FD;
}

.radiusBox {
	border-radius: 10rpx;
}

.radius30 {
	border-radius: 30rpx;
}

.radius40 {
	border-radius: 40rpx;
	overflow: hidden;
}

.radius50 {
	border-radius: 50rpx;
	overflow: hidden;
}

.overflow-hidden {
	overflow: hidden;
}

.c333 {
	color: #333;
}

.c343 {
	color: #34314F;
}

.c0b0 {
	color: #0B0F12;
}

.c666 {
	color: #666;
}

.c999 {
	color: #999;
}

.c111 {
	color: #111;
}

.cff7 {
	color: #FF7F1C;
}

.width100 {
	width: 100%;
}

.bgF7 {
	background-color: #f7f7f7;
}

.bgE0 {
	background-color: #E0E6EE;
}

.bgYellow {
	background-color: #fe9c06;
}

.bgLightyellow {
	background-color: #f2d0a0;
}

.bgFff {
	background-color: #fff;
}

.bgF0 {
	background-color: #F0F0F0;
}

.bgPink {
	background-color: #FFEEEE;
}

.bgFa {
	background-color: #fafafa;
}

.flex-wrap {
	flex-wrap: wrap;
}

.bgGreen {
	background-color: green !important;
	color: #fff !important;
}

.bgRed {
	background-color: #FE0000 !important;
	color: #fff !important;
}

.f24 {
	font-size: 22rpx;
}

.f26 {
	font-size: 26rpx;
}

.f28 {
	font-size: 28rpx;
}

.f32 {
	font-size: 32rpx;
}

.f36 {
	font-size: 36rpx;
}

.f40 {
	font-size: 40rpx;
}

.f42 {
	font-size: 42rpx;
}

.f46 {
	font-size: 46rpx;
}

.f54 {
	font-size: 54rpx;
}

.f60 {
	font-size: 60rpx;
}

.fw500 {
	font-weight: 550;
}

.mt10 {
	margin-top: 10rpx;
}

.mb10 {
	margin-bottom: 10rpx;
}

.mb32 {
	margin-bottom: 32rpx;
}

.mt20 {
	margin-top: 20rpx;
}

.mt30 {
	margin-top: 30rpx;
}

.mt40 {
	margin-top: 40rpx;
}

.mt60 {
	margin-top: 60rpx;
}

.mt100 {
	margin-top: 100rpx;
}

.ml10 {
	margin-left: 10rpx;
}

.ml30 {
	margin-left: 30rpx;
}

.mr10 {
	margin-right: 10rpx;
}

.ml20 {
	margin-left: 20rpx;
}

.mr20 {
	margin-right: 20rpx;
}

.mr30 {
	margin-right: 30rpx;
}

.mb24 {
	margin-bottom: 24rpx;
}

.mb32 {
	margin-bottom: 32rpx;
}

.cfff {
	color: #fff;
}

.cyellow {
	color: #FF7F1C;
}

.cred {
	color: #FE0000;
}

.c999 {
	color: #999;
}

.bold {
	font-weight: 700;
}

.mb20 {
	margin-bottom: 20rpx;
}

.mb30 {
	margin-bottom: 30rpx;
}

.mb170 {
	margin-bottom: 170rpx;
}

.m30 {
	margin: 30rpx;
}

.m20 {
	margin: 20rpx;
}

.m10 {
	margin: 10rpx;
}

.p20 {
	padding: 20rpx;
}

.pb20 {
	padding-bottom: 20rpx;
}

.p30 {
	padding: 30rpx;
}

.p30b {
	padding: 30rpx;
	box-sizing: border-box;
}

.p10 {
	padding: 10rpx;
}

.pl20 {
	padding-left: 20rpx;
}

.gap30 {
	gap: 30px;
}

.italic-text {
	transform: skew(-10deg, 0deg);
}

.textR {
	text-align: right;
}

.textC {
	text-align: center;
}

.textL {
	text-align: left;
}

.textI {
	text-indent: 20rpx;
}

.fix-top {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
}

.fix-bot {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 999;
}

.pore {
	position: relative;
	z-index: 99;
}

.flex-col {
	display: flex;
	flex-direction: column;
}

.flex-row {
	display: flex;
	flex-direction: row;
}

.justify-start {
	display: flex;
	justify-content: flex-start;
}

.justify-center {
	display: flex;
	justify-content: center;
}

.justify-end {
	display: flex;
	justify-content: flex-end;
}

.justify-evenly {
	display: flex;
	justify-content: space-evenly;
}

.justify-around {
	display: flex;
	justify-content: space-around;
}

.justify-between {
	display: flex;
	justify-content: space-between;
}

.align-start {
	display: flex;
	align-items: flex-start;
}

.align-center {
	display: flex;
	align-items: center;
}

.align-end {
	display: flex;
	align-items: flex-end;
}

.no-data {
	position: relative;
	width: 286px;
	height: 180px;
	margin: 60rpx auto 0;
	background: url('https://hxs.dsjhs.com:553/prod-api/profile/no-data.png') no-repeat center;
	background-size: 100% 100%;

	text {
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		font-weight: 400;
		font-size: 26rpx;
		color: rgba(52, 49, 79, 0.5);
		line-height: 18px;
		text-align: center;
		font-style: normal;
	}
}